@charset "utf-8"; @font-face{ font-family:Poppins_s; src:url(../font/POPPINS-SEMIBOLD.TTF);} @font-face{ font-family:BarlowCondensed-ExtraLight; src:url(../font/BarlowCondensed-ExtraLight.ttf);} @font-face{ font-family:BarlowCondensed-SemiBold; src:url(../font/BarlowCondensed-SemiBold.ttf);} @font-face{ font-family:BarlowCondensed-Medium; src:url(../font/BarlowCondensed-Medium.ttf);} @font-face{ font-family:Poppins_b; src:url(../font/POPPINS-BOLD.TTF);} @font-face{ font-family:Poppins_r; src:url(../font/Poppins-Regular.ttf);} @media (max-width:4000px){html{font-size:18px;}} @media (min-width:1600px) and (max-width:1940px){html{font-size:16px;}} @media (min-width:1400px) and (max-width:1600px){html{font-size:13px;}} @media (min-width:640px) and (max-width:1399px){html{font-size:13px;}} @media (min-width:471px) and (max-width:639px){html{font-size:12px;}} @media (min-width:329px) and (max-width:470px){html{font-size:12px;}} @media (max-width:328px){html{font-size:12px;}} /*==========================================公共 开始=============================================*/ .ar_wap{ display:none} .a_body{ position:relative; z-index:0;} .section{ overflow:hidden;} .w1200{margin:0 auto;max-width:calc((1400/1920)*100% + 100px);padding: 0 50px;} .header_top{height:55px;line-height:55px;background:#ecf0f3;overflow: hidden; display:none;} .header_top form{background: #fff;height: 35px;line-height: 35px;display: inline-block;width: 270px;margin: 9px 0 0;padding-right: 14px;} .header_top form .txt{width: calc(100% - 60px);height: 35px;border: none;float:left;padding: 0 20px;font-size: 14px;color: #777a7d;border-radius:4px 0 0 4px;font-family: PingFang;background: none;} .header_top form .btn{width: 60px;float: right;border:0;background: none;color: #000000;height: 35px;font-size: 14px;border-radius:0 4px 4px 0;cursor:pointer;transition:.3s;} .header_top form .btn img{margin: -3px 8px 0 0;} .header_top .cihui{ display:inline-block; font-size:.875rem; color:#000000; transition:.5s; margin-left:2rem; vertical-align:top} .header_top .cihui:hover{ color:#ed8104} /*==========================================公共 结束=============================================*/ /*==========================================首页 开始=============================================*/ .header_box{height: 100px;position:relative;z-index:100;} header{height: 100px;} header .logo{line-height: 100px;} #nav{ position:relative;z-index: 10;} #nav {display: flex;display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;} #nav li {float: left;position: relative;z-index: 0;margin-right: 4.5rem;} #nav li a {display: block;padding: 0 0;text-transform: uppercase;} #nav li >a {font-size: 1.25rem;color: #313234;line-height: 100px;position: relative;transition: .36s;font-weight: 600;} #nav li >a .h3{position: relative;text-align: center;z-index: 1;} #nav li >a .h3:before {content: "";display: block;position: absolute;height: 0;right: 0;bottom: 0;left: 0;z-index: -1;transition: .5s;} #nav li >a .h3:after{content: "";display: block;position: absolute;width: 7px;height: 7px;z-index: -1;transition: .5s;background: #ed8104;left: 50%;margin-left: -3.5px;top: 67%;border-radius: 50%;opacity: 0;visibility: hidden;} #nav li.on >a, #nav li:hover >a{ color: #ed8104} #nav li.on >a .h3:before, #nav li:hover >a .h3:before{} #nav li.on >a .h3:after, #nav li:hover >a .h3:after, #nav li.on2 >a .h3:after{opacity: 1;visibility: visible;} #nav li a i { display: inline-block; background: url(../images/nav_down.png) center no-repeat; width: 9px; height: 6px; background-size: contain; vertical-align: middle; margin-left: 8px; } #nav li .sub {position: absolute;background: #fff;width: 120px;position: absolute;left: 50%;margin-left: -60px;top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;top: 82px;} #nav li .sub .box {padding: 0;text-align: center;} #nav li .sub a {padding: 0;line-height: 3.5;transition: .3s;font-size: 13px;letter-spacing: 1px;color: #3d3d3d;border-bottom: 1px dashed rgba(0,0,0,.05);} #nav li .sub a:hover {background: #05458d;color: #fff;} #nav li:hover .sub { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px); } #nav>ul>li.on>a, #nav li:hover>a, #header.xg #nav li.on >a, #header.xg #nav li:hover >a {} #nav li:last-child >a .h3:after{ display:none} #nav li .sub1{position: absolute;background: #fff;width: auto;position: absolute;left: 50%;margin-left: -60px;top: 100%;z-index: 999;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;transform-origin: 0 0 0;transform: scaleY(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;top: 100px;white-space: nowrap;padding: 50px 16px;} #nav li .sub1 .box {padding: 0;display: inline-block;margin: 0 34px;text-align: left;} #nav li .sub1 a {padding: 0;line-height: 30px;transition: .3s;font-size: 14px;letter-spacing: 1px;color: #707070;padding-left: 12px;} #nav li .sub1 a:first-child{ font-size:16px; color:#3d3d3d; position:relative; padding-left:12px; line-height:15px; border-left:#ff7f31 3px solid; margin-bottom:20px} #nav li .sub1 a:hover {color: #fe8d00;} #nav li:hover .sub1 { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; transform: translateY(0px); } header .right{padding: 0;height: 82px;font-size: 0;} header .right .circle_box{display: inline-block;width: 46px;border-radius: 50%;vertical-align: top;position: relative;margin-left: 1rem;padding: 27px 0 0;} header .right .circle_box a{display: block;width: 100%;height: 46px;position: relative;line-height: 46px;text-align: center;} header .right .circle_box a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(0); border-radius: 50%; transition: .3s; opacity: 0; visibility: hidden; } header .right .circle_box a:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: .3s;border-radius: 50%;} header .right .circle_box a .con{width: 100%;height: 100%;overflow: hidden;position: relative;} header .right .circle_box a span{display: block;width: 100%;height: 100%;position: absolute;transition: .3s;background: #023d7e;border-radius: 50%;} header .right .circle_box a span.span2{ transform: translateX(-100%)} header .right .circle_box .search input {padding: 0 20px;width: 200px;height: 44px;line-height: 44px;background: #fff;font-size: 14px;} header .right .circle_box .item {position: absolute;top: 90px;width: 100%;background-color: #023d7e;/* overflow: hidden; */transition: .3s;opacity: 0;visibility: hidden;} header .right .circle_box .item h6{ font-size:13px; line-height:2; color:#fff; white-space:nowrap; padding:0 10px} header .right .circle_box .search {left: 50%;transform: translateX(-50%);width: auto;border: 8px solid #023d7e;} header .right .circle_box .search:before{content:"";position:absolute;left:50%;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #023d7e 6px solid;top: -14px;margin-left: -6px;z-index: 10;} header .right .circle_box.on .item{top: 83px;opacity: 1;visibility: visible;} header .right .circle_box.weixin a span{ background:#ed8104} header.xg{ background:#fff} header.xg #nav>li>a span{} header.xg .right .circle_box a span.span1{} header.xg .right .circle_box a span.span2{transform: translateX(0);} header.xg .right .circle_box a:after{} header.xg .right .circle_box a:hover span.span1{transform: translateX(0);} header.xg .right .circle_box a:hover span.span2{transform: translateX(-100%);} header .right .circle_box.weixin .search{ background:#ed8104} header .right .circle_box.weixin .item{background:#ed8104;border: 8px solid #ed8104;} header .right .circle_box.weixin .search:before{ border-bottom: #ed8104 6px solid;} .draw_h:before{content:"";display:block;right: 0;bottom: 0;position:absolute;left: 0;top: 0;border: 1px solid rgba(100%,100%,100%,.5);border-radius: 50%;} svg.drawcircle{position:absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;overflow: inherit;display: block;pointer-events: none;} svg.drawcircle circle { fill: none; box-sizing:border-box; stroke-width: 1px; stroke: none; stroke-dasharray: 0 , 188.49; stroke-dashoffset:188.49; transition: all .3s linear 0s; } .draw_h:hover svg.drawcircle circle { stroke:#fff; stroke-dasharray:188.49 , 0; stroke-dashoffset:188.49; -webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1); transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1); } .draw_h .icon { fill: #fff; vertical-align: middle; transition:.3s; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1.5rem; height: 1.5rem; } .draw_h:hover .icon{fill: #fd9c2b;} .miso-arrow_box .miso-arrow{ z-index:99; position:absolute; top:50%; margin-top: -2rem; transform:translate(0,0); background-size:.75rem !important; display:block;border-radius:50%; font-size:0; cursor:pointer; width: 3.75rem !important; height: 3.75rem !important; line-height:3.75rem !important;} .miso-arrow_box .arrow{ width:.5rem; vertical-align:middle; display:inline-block;} .miso-arrow_box .miso-arrow:hover .arrow path{ stroke:#fd9c2b;} .miso-arrow_box .draw_h:hover svg.drawcircle circle{stroke: #fd9c2b;;stroke-width: 1;} .miso-arrow_box .miso-prev1{ left: 4.375rem;} .miso-arrow_box .miso-next1{ right: 4.375rem;} /*顶部搜索*/ .tc_search {margin: 0 1.3rem;width: calc(100% - 2.6rem);position: absolute;bottom: 1rem;} .tc_search form {height: 40px;border-radius: 0;background: #2a5e98;position: relative;width: 100%;margin-bottom: 1rem;} .tc_search #keyword {font-size:.875rem;color: #fff;height: 40px;line-height: 40px;padding: 0 1rem;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;} .tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 38px; line-height: 38px; border: 0; background: url(../images/search_white.svg) center center no-repeat; background-size: 1.2rem; } .tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; } .tc_search input::-webkit-input-placeholder { color:#fff; color: rgba(255,255,255,.7); } .tc_search input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ c color:#fff; color: rgba(255,255,255,.7); } .tc_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */ .tc_search input:focus::-webkit-input-placeholder { color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */ }/* Mozilla Firefox 4 to 18 */ .tc_search input:focus:-moz-placeholder { color: transparent; }/* Mozilla Firefox 19+ */ .tc_search input:focus::-moz-placeholder { color: transparent; }/* Internet Explorer 10+ */ .tc_search input:focus:-ms-input-placeholder { color: transparent; }/* 点击搜索框获取焦点 placeholder消失-结束 */ /*导航按钮开始*/ #nav_btn_box { height: 100%; z-index: 999999999; float: right; margin-left: 20px; } #nav_btn_box.on { background: none; } #nav_btn { } #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; } #nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; } #nav_btn .point { display: inline-block; width: 1.875rem; height: 22px; position: relative; outline: none; } #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.75rem; } #nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;} #nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;} #nav_btn .navbtn::after { top: -8px; } #nav_btn .navbtn::before { top: 8px; } #nav_btn .point.on .navbtn { background: transparent; } #nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } #nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; } /*导航按钮结束*/ .m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;overflow: auto;margin: 81px 0 0;} .m_nav_list::-webkit-scrollbar { display:none} #m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105%;top: 0;display: none;padding: 1.5rem 0 7rem;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #023d7e;} #m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;} #m_nav.act { pointer-events: auto; right: 0; } #m_nav>ul>li {width: 100%;overflow: hidden;padding: 0 0 0 2.3rem;position: relative;} #m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a { display: inline-block; width: calc(100% - 30px) } #m_nav li .a { line-height: 4rem; height: 4rem; color: #fff; padding: 0; font-size: 1.125rem; float: left; } #m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; } #m_nav li .a span i { font-size: 0; } #m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 100%;height: 4rem;display: inline-block;background: url(../images/arrow_down.svg) 90% center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;} #m_nav li.on i {background: url(../images/arrow_down_on.svg) 90% center no-repeat;} #m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } #m_nav li { display: block; width: 100%; } .slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; } #m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; } #m_nav .title .list span { background: none; } #m_nav .title .list span a:hover { color: #014085; } #m_nav .title .list a {display: block;font-size: 1rem;color: rgba(255,255,255,.6);text-align: left;line-height: 40px;height: 40px;border: 0;font-weight: 300;} /*三级导航 开始*/ #m_nav .title .list .void>a { background-size: 10px; position: relative; } #m_nav .title .list .void>a:before { content: "·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; } #m_nav .title .list span { position: relative; display: block; } #m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; } #m_nav .title .sub a { background: none; font-size:.875rem; opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; } .nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; } .m_header_box {transition: .6s;display: none;height: 60px;} #m_header #logo .box_table, #nav_btn_box .box_table { width: auto; float: left; } .m_header_box header{padding:0 15px;top: 0;height: 60px;background: #ffffff;box-shadow: 0 3px 5px rgba(0,0,0,.05);position: fixed;top: 0;left: 0;right: 0;z-index: 100;} #m_header #logo{height: 60px;float: left;} #m_header #logo img{max-height:60%;max-height: 44px;} #m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;} #m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);} .banner{overflow:hidden;width:100%;position: relative;} .banner ul li a .img_zd .img_hezi{display: block;padding-bottom:41.1483% !important;position: relative;} .banner ul li a .top{text-align: center;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .banner ul li a .top h3{font-size: 2.375em;color: #fff;font-weight: bold;transform: translateY(2rem);opacity: 0;visibility: hidden;transition: .3s;} .banner ul li a .top h2{font-size: 3.875em;color: #fff;font-family:FRAMDCN;margin-top: .5rem;transform: translateY(-2rem);opacity: 0;visibility: hidden;transition: .3s;} .banner ul li a .top p{font-size:14px;color:#fff;line-height:18px;opacity:.65;display:inline-block;max-width:514px;margin: 2rem 0 0;} .banner .miso-arrow{width: 3.375rem !important;height: 3.375rem !important;} .banner .miso-dots{width: 100%;position: absolute;bottom: 3rem;} .banner .miso-dots li{display: inline-block;width: 6px;height: 6px;position: relative;opacity: 1 !important;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;margin: 0 3px;} .banner .miso-dots li:before{content: "";display: block;width: 6px;height: 6px;position: absolute;left: 0;top: 0;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;border-radius: 3px;background: #fff;} .banner .miso-dots li:after{content: "";display: block;width: 0;height: 6px;left: 0;margin-left: 0;position: absolute;top: 0;background: #ed8104;border-radius: 3px;} .banner .miso-dots li.miso-active{width: 40px;} .banner .miso-dots li.miso-active:before{background: #fff;width: 100%;} .banner .miso-dots li.miso-active:after{ animation: anim-h 6s linear forwards; -webkit-animation: anim-h 6s linear forwards; } @-webkit-keyframes anim-h { 0% { width: 0; } 100% { width: 100%; } } @keyframes anim-h { 0% { width: 0; } 100% { width: 100%; } } #nav li >a span{position:relative;} #nav li >a span:before{content:"";position:absolute;background:url(../images/chevron-up.png) center no-repeat;width:10px;height:6px;transition: .36s;right: -15px;top: 50%;margin-top: -3px;opacity: 0;visibility: hidden;} #nav li:first-child >a span:before{ display:none} #nav li.on >a span:before, #nav li:hover >a span:before{ background:url(../images/chevron-up_on.png) center no-repeat;} #nav li.child >a span:before{ opacity:1; visibility:visible} @font-face { font-family: "webfont1"; font-display: swap; src: url('../font/font1/webfont.eot'); /* IE9 */ src: url('../font/font1/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/font1/webfont.woff2') format('woff2'), url('../font/font1/webfont.woff') format('woff'), /* chrome、firefox */ url('../font/font1/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/font1/webfont.svg#webfont') format('svg'); /* iOS 4.1- */ } .web-font1 { font-family: "webfont1" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .container01{height:35.625rem;background:url(../images/container01_bg.jpg) center no-repeat;background-size:cover;background-attachment:fixed;text-align:center;overflow: hidden;} .container01 .h6{ font-family:Poppins_s; font-size:1.875rem; color:#fff; text-transform:uppercase} .container01 h2{font-size:4.125rem;color:#fff;font-family: "webfont1";margin: .5rem 0 2.25rem;} .container01 h2 font{ font-family:BarlowCondensed-ExtraLight;} .container01 h2 img{ vertical-align:top; margin-right:.5rem; transform:translateY(.25rem)} .title001{margin-bottom: 4.5rem;} .title001 h2{font-size:1.875rem;color: #000000;} .title001 .h3{font-family: Poppins_b;font-size: 1.5rem;color: #ed8104;text-transform: uppercase;margin: .75rem 0 0 !important;transform: translateY(0) !important;} .more001{margin-bottom:2.5rem;position: relative;} .more001 a{display:inline-block;width:9.6875rem;height:3.125rem;line-height:3.125rem;background:#fd9b2b;border-radius:1.625rem;text-align:center;font-size: 1.0625rem;color: #fff;font-weight: bold;position:relative;transition: .5s;} .more001 a:before{content:"";position:absolute;background:url(../images/more001_bg.png) center no-repeat;width: 9.6875rem;height: 3.125rem;left: 6px;transform: rotate(-2deg) translateY(-1px);} .container02{padding: 4.5rem 0 0 0;background:url(../images/container02_bg.jpg) center bottom no-repeat;background-size:cover;position:relative;overflow: hidden;} .container02 .content{ padding:0 0 0 16.25rem} .container02 .content .left{width:61.25rem;background:#fff;padding: 3.125rem 5.625rem 4rem;border-radius:1.25rem 0 0 0;position:relative;overflow:hidden;} .container02 .content .left .miso_bd .miso-list{ overflow:visible} .container02 .content .left .miso_bd .h2{font-size: 1.75rem;color: #000000;font-weight:600;line-height:1.25;margin-bottom:.875rem;} .container02 .content .left .miso_bd p{font-size: 1rem;color: #000000;line-height:1.5rem;height: 3rem;padding: 0 4rem 0 0;opacity: .8;-webkit-line-clamp: 2;} .container02 .content .left .miso_bd .h1{ margin:2.125rem 0 0; font-family:Poppins_s; font-size:1rem; color:#ed8104} .container02 .content .left .miso_bd .h1 font{ margin:0 .25rem; font-family:Poppins_s; font-size:.75rem;} .container02 .content .left .miso_bd .h1 big{ font-size:1.875rem; color:#353535; font-family:Poppins_s;} .container02 .content .left .miso_hd{margin: 5rem 0 0;} .container02 .content .left .miso_hd ul{ margin:0 -3.25rem} .container02 .content .left .miso_hd ul li{ text-align:center; font-size:1.125rem; color:#a3a4a6; transition:.5s; cursor:pointer; line-height:1.25} .container02 .content .left .miso_hd ul li.miso-current{ color:#ed8104; font-weight:600} .miso-arrow3_box{font-size:0;position: absolute;z-index:1;top: 0;right: 0;} .miso-arrow3_box .miso-arrow3{width:3.125rem;height:3.125rem;line-height:3.125rem;text-align:center;background:#fff;transition:.5s;position: absolute;border-radius:3px;display:inline-block;cursor:pointer;right: 0;} .miso-arrow3_box .miso-arrow3:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e5e5e5 1px solid; border-radius:3px; transition:.5s;} .miso-arrow3_box .miso-arrow3 svg{ width:1.25rem; height:1.25rem; fill:#000000; transition:.5s; vertical-align:middle} .container02 .content .left .miso_bd2{position:absolute;bottom:0;left:0;right:0;text-align:center;transform: translateY(40%);} .container02 .content .left .miso_bd2 .miso-slide{ font-size:14.625rem; height:14.625rem; color:#f7f8fa; font-weight:bolder} .container02 .content .left .title001{position: relative;margin-bottom: 3rem;} .container02 .content .left .title001:before{content: "";background: url(../images/title001_bg.png) center no-repeat;position: absolute;left: 17.5rem;top: -1.5rem;width: 3.75rem;height: 5.1875rem;background-size: cover;} .container02 .content .right{width:calc(100% - 61.25rem);} .container02 .content .right .miso_bd1{ position:relative} .container02 .content .right .miso_bd1 .miso-arrow{top: 6.875rem;transform:translateY(0);width:4.0625rem;height:4.0625rem;} .container02 .content .right .miso_bd1 .miso-prev{background:url(../images/container02_prev.png);left: -4.0625rem;} .container02 .content .right .miso_bd1 .miso-next{ background:url(../images/container02_next.png);left: 0;} .container02 .content .right .miso_bd1 .img .img_hezi{padding-bottom: 39.1875rem !important;} .container02 .content .right .miso_bd1 .img .top{ position:absolute; top:0; right:0; bottom:0; left:0; text-align:center} .container02 .content .right .miso_bd1 .img .top h2{font-family:BarlowCondensed-SemiBold;font-size: 5.125rem;color:#fff;text-transform:uppercase;line-height:.9;} .container02 .content .right .miso_bd1 .img .top span{display:block;text-align:center;margin: 2rem 0 26%;transition:.5s;} .container02 .content .right .miso_bd1 .img .top img{ display:inline-block} .container02 .content .right .miso_bd1 a:hover .img .top span{ transform:translateY(1rem)} .container03{padding:6.25rem 0 2.5rem;overflow: hidden;background: url(../images/container03_bg.png) right center no-repeat;} .container03 .left{ width:calc(100% - 45.875rem); padding:3rem 0 0 3rem; text-align:right} .container03 .left .h5{font-size: 2.5rem;color: #000000;font-weight:600;margin-bottom: 2.785rem;} .container03 .left p{font-size: .875rem;color: #000000;line-height:1.5rem;opacity: .8;} .container03 .right{ width:45.875rem; margin-left:-1.5rem} .container03 .right .img_zd .img_hezi{ padding-bottom:28.9375rem !important} .container03 .left .title001{margin-bottom:4rem;display: flex;justify-content: flex-end;align-items: flex-end;} .container03 .left .title001 h2{order: 2;} .container03 .left .title001 .h3{margin: 0 .5rem 0 0;transform: translateY(.25rem);} .more002{margin-top: 1.25rem;position: relative;} .more002 a{display:inline-block;width: 8.4375rem;height: 2.5rem;line-height: 2.25rem;border-radius:1.625rem;text-align:center;font-size: .875rem;color: #898b92;font-weight: bold;position:relative;border: #e8eaf1 2px solid; transition:.5s} .container04{padding:4.375rem 0;background: #eff1f6;overflow: hidden;} .container04 .left{ width:50%; padding: 0 4.375rem 0 0} .container04 .left .title001{ margin-bottom:3rem} .container04 .left .first{ border-bottom:#c6c8c9 1px dotted; padding-bottom:2.25rem; margin-bottom:2.25rem} .container04 .left .first .h6{ font-size:1.25rem; color:#004380; font-family:BarlowCondensed-Medium;} .container04 .left .first .h6 img{margin: -4px .5rem 0 0;} .container04 .left .first h2{font-size: 1.625rem;color: #000000;transition:.5s;font-weight:600;line-height:1.25;margin: 2.25rem 0 .875rem;} .container04 .left .first p{font-size: .875rem;color: #000000;line-height:1.5rem;height:3rem;opacity: .8;} .list_box_01 li{ line-height:2.125rem; height:2.125rem} .list_box_01 li a{ display:block; position:relative} .list_box_01 li a font{width:calc(100% - 6.25rem);position:relative;padding:0 0 0 1.125rem;font-size: .9375rem;color: #000;display: inline-block;transition:.5s;} .list_box_01 li a font:before{content:"·";position:absolute;width:4px;top:0;bottom:0;font-size:.875rem;color:#353535;left: 0;text-align: center;} .list_box_01 li a span{ display:inline-block; float:right; font-size:.875rem; color:#353535; opacity:.6} .container04 .right{ width:50%; } .container04 .right .img{ border-radius:5px} .container04 .right .img_zd .img_hezi{ padding-bottom:29.375rem !important} .container05{padding:5rem 0 5rem;overflow: hidden; background: url(../images/container05_bg.jpg) center top no-repeat; background-size: 100% auto;} .container05 .left{ width:calc(100% - 43.75rem); padding:2.5rem 0 0 5rem; text-align:right} .container05 .left .title001{margin-bottom:4rem;display: flex;justify-content: flex-end;align-items: flex-end;} .container05 .left .title001 h2{display: inline-block;order: 2;} .container05 .left .title001 .h3{display: inline-block;margin: 0 .5rem 0 0;transform: translateY(.25rem);} .container05 .left .h5{font-size: 1.875rem;color: #000000;margin-bottom:1.5rem;font-weight: 600;} .container05 .left p{font-size: .875rem;color: #000000;line-height:1.5rem;margin-bottom: 1.25rem;opacity: .8;} .container05 .right{ width:43.75rem; } .container05 .right .img{ border-radius:5px;} .container05 .right .img_zd .img_hezi{ padding-bottom:28.9375rem !important} .container05 .left .title001{margin-bottom: 5rem;} .list_box_02{margin: 4.5rem 0 0;font-size:0;padding-left: 6rem;display: flex;justify-content: space-between;} .list_box_02 li{text-align:right;position: relative;} .list_box_02 .line{background: #e1e1e2;width: 1px;} .list_box_02 li .a{ text-align:center; display:inline-block} .list_box_02 li .a h3 big{ font-size:2.25rem; color:#ed8104; font-family:Swis721 BlkCn BT;} .list_box_02 li .a h3 small{ font-size:.875rem; color:#302e2e; vertical-align:top; margin:0 0 0 .5rem} .list_box_02 li .a h6{font-size:.875rem;color:#302e2e;margin: .625rem 0 0;} .container06{padding:4.5rem 0;background:#eff1f6;overflow: hidden;} .container06 .left{ width:17.625rem; padding:.5rem 0 0} .container06 .left .title001{ padding-top:2rem; margin:1.125rem 0 3.25rem; position:relative} .container06 .left .title001:before{ content:""; position:absolute; top:0; width:1.235rem; height:2px; background:#064bc7} .miso-arrow2_box{ font-size:0} .miso-arrow2_box .miso-arrow2{ width:3.125rem; height:3.125rem; line-height:3.125rem; text-align:center; background:#fff; transition:.5s; position:relative; border-radius:3px; display:inline-block; margin-right:.5rem; cursor:pointer} .miso-arrow2_box .miso-arrow2:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e5e5e5 1px solid; border-radius:3px; transition:.5s;} .miso-arrow2_box .miso-arrow2 svg{ width:1.25rem; height:1.25rem; fill:#000000; transition:.5s; vertical-align:middle} .miso-arrow2_box .miso-arrow2:hover{ background:#023d7e;} .miso-arrow2_box .miso-arrow2:hover:before{ border:transparent 1px solid} .miso-arrow2_box .miso-arrow2:hover svg{ fill:#fff} .list_box_03{ margin:0 -1.25rem;} .list_box_03 li{ float:left; width:25%; padding:0 1.25rem; margin:.5rem 0} .list_box_03 li a{ display:block; position:relative; overflow:hidden} .list_box_03 li a .img .img_hezi{ padding-bottom:40% !important} .list_box_03 li a .top{position:absolute;top:0;right:0;bottom:0;left:0;background:#fd9b2b;transform: translateY(102%);transition:.5s;text-align:center;padding:0 15px;} .list_box_03 li a .top:before{ content:""; position:absolute; top:.8125rem; right:.8125rem; bottom:.8125rem; left:.8125rem; border:rgba(255,255,255,.4) 1px solid} .list_box_03 li a .top h5{ font-size:1.125rem; color:#fff; line-height:1.25} .list_box_03 li a:hover .top{ transform:translateY(0);} .container06 .right{ width:calc(100% - 17.625rem);} footer{ background:#2c2c2d; padding:4rem 0 3.5rem} footer .left{ width:calc(100% - 29.375rem); padding-right:8.125rem} footer .left .top{ border-bottom:#464748 1px solid; height:5rem;} footer .left .top .wz{ font-size:1.125rem; color:#fff; line-height:4.5rem; letter-spacing:.9375rem; font-family: "webfont3" !important; margin-right:-.75rem} footer .left .bottom{ position:relative; display: -moz-box;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;} footer .left .bottom dl{ display:inline-block; vertical-align:top} footer .left .bottom dl dt{font-size: 1rem;color: #fff;transition:.6s;margin-bottom: 1rem;position:relative; padding:2.5rem 0 0} footer .left .bottom dl dd{font-size: 12px;color: #919191;line-height:1.625rem; transition:.5s} footer .left .bottom dl dd:hover{ color:#fff} @font-face { font-family: "webfont3"; font-display: swap; src: url('../font/font3/webfont.eot'); /* IE9 */ src: url('../font/font3/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/font3/webfont.woff2') format('woff2'), url('../font/font3/webfont.woff') format('woff'), /* chrome、firefox */ url('../font/font3/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../font/font3/webfont.svg#webfont') format('svg'); /* iOS 4.1- */ } .web-font3 { font-family: "webfont3" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } footer .right{ width:29.375rem;} footer .right .top .ewm{width:8.125rem;height:9.75rem;position:relative;background: #fff;} footer .right .top .ewm img{ width:100%; height:8.125rem} footer .right .top .ewm h5{position:absolute;bottom: .75rem;left:0;right:0;font-size: .875rem;color: #575757;text-align: center;} footer .right .top .con{width:calc(100% - 8.125rem);padding: 1rem 0 0 1.5rem;} footer .right .top .con h6{ line-height:1.5; font-size:.875rem; color:#fff; opacity:.7} footer .right .top .con h6 img{ margin:-3px .75rem 0 0} footer .right .top .con dl{font-size:.9375rem;color:#ed8104;display:flex;flex-wrap: wrap;justify-content: space-between;line-height: 24px;border-bottom: rgba(255,255,255,.1) 1px solid;padding: .5rem 0 1.5rem;margin-bottom: 1.5rem;} footer .right .top .con dl dd{ white-space:nowrap} footer .right .top .con p{font-size:.875rem;color:#fff;opacity:.7;white-space:nowrap;text-align: inherit;} footer .right .bottom{font-size:14px;line-height: 38px;color:#fff;background: #fd9b2b;margin: 2.375rem 0 0;padding: 1px;} footer .right .bottom svg{vertical-align:middle;margin: -3px .375rem 0 0;fill:rgba(255,255,255,.6);width:18px;height:18px;} footer .right .bottom .tit{width:8.75rem;text-align: center;} footer .right .bottom dl{position:relative;white-space:nowrap;margin-left: 0;background: #2c2c2d;width: calc(100% - 8.75rem);padding: 0 .875rem;} footer .right .bottom dl dt{line-height:38px;font-size: .875rem;color: #fff;} footer .right .bottom dl dt svg{width:12px;height:12px;fill:#fff;vertical-align:middle;margin: 12px 0 0 .5rem;float: right;transform: rotate(180deg);transition: .5s;} footer .right .bottom dl dt.on svg{ transform: rotate(0deg);} footer .right .bottom dl .con{position:absolute;left:0;bottom: 40px;background:#fff;box-shadow:0 -5px 10px rgba(0,0,0,.15);padding:1rem 1.25rem;min-width: 100%;display: none;} footer .right .bottom dl .con dd{ font-size:13px; color:#333; line-height:24px; transition:.5s} footer .right .bottom dl .con dd:hover{ color:#fd9b2b} .footer_bootom{ background:#343435; padding:1.25rem 0} .footer_bootom p{ font-size:.875rem; color:#fff; opacity:.4; line-height:1.25} .container04 .left .title001{ position:relative} .container04 .left .title001 .more003 a{position:absolute;top:0;right:0;border:#e5e5e5 1px solid;width:3.125rem;height:3.125rem;line-height: 3.125rem;text-align:center;transition:.5s;background: #fff;} .container04 .left .title001 .more003 a svg{width: 1rem;height: 1rem;fill:#000000;transition:.5s;} .container04 .left .title001 .more003 a:hover{ background:#ed8104; border:#ed8104 1px solid} .container04 .left .title001 .more003 a:hover svg{ fill:#fff} .more004{} .more004 a{display: inline-block;width: 11.25rem;line-height: 3.125rem;background: #fd9b2b;border-radius: 4px;font-size: 1.125rem;color: #fff;transition: .5s;} .more004 a img{margin: -3px .75rem 0 0;height: .875rem;} /*==========================================首页 结束=============================================*/ /*==========================================内页 开始=============================================*/ .n_banner{padding-bottom: 23.4375% !important;position:relative;text-align: center;background-size: cover !important;} .n_banner .top{ position:absolute; top:0; right:0; bottom:0; left:0;} .n_banner h2{font-size: 3.25rem;color:#fff;line-height:1.5;font-weight: 600;} .n_banner .h6{font-size: 1.125rem;color:#fff;line-height: 1.75;margin: 0;letter-spacing: .5rem;} .n_title{padding: 2rem 0 0;position:relative; z-index: 1;} .n_title::before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; z-index: -1; background: #f1f3f7;} .n_title .w1200{position:relative} .n_title .content{position:relative;overflow: hidden;display: flex;justify-content: space-between;align-items: center;} .n_title .content .left{ order:2} .n_nav{position:relative;overflow: hidden;display: flex;} .n_nav a{font-size: 1rem;color: #282828;text-align: center;position: relative;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;margin-right: 1.125rem;overflow: hidden;background: #000;transition: .5s;} .n_nav a .img{position:absolute;top:0;right:0;bottom:0;left:0;background-size: cover !important;transition: .5s;opacity: .5;} .n_nav a strong{display:block;color: #fff;position:relative;z-index:4;height: 5.9375rem;line-height: 5.9375rem;transition: .5s;font-weight: normal;padding: 0 1.5rem;font-size: .9375rem;width: 14.6875rem;} .n_nav .on,.n_nav a:hover{ background:#fd9b2b} .n_nav .on .img,.n_nav a:hover .img{ opacity:.1} .position{bottom: 0;color: #303032;font-size: .875rem;opacity: .7;} .position img{ margin:0 .375rem 0 0} .position span, .position a, .position i{transition: .5s;} .position i svg{width:8px;height:8px;fill:#555555;margin: 0 4px;} .position i{margin: 0px 3px;font-style:normal;} .position i img{vertical-align:middle;margin-top: -2px;} .position em{font-style: normal;} .position a:hover{color: #fd9b2b;} .n_main_box .main_box{width: 1200px;height: 80px;position:relative;margin: 0 auto;} /*====移动端导航====*/ #m_n_nav{display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;background-image: -moz-linear-gradient( 173deg, rgba(1,94,234,1) 0%, rgba(0,192,250,1) 100%);/* background-image: -webkit-linear-gradient( 173deg, rgba(1,94,234,1) 0%, rgba(0,192,250,1) 100%); */background-image: -ms-linear-gradient( 173deg, rgba(1,94,234,1) 0%, rgba(0,192,250,1) 100%);background: #fd9b2b;border-bottom: rgba(255,255,255,.1) 1px solid;} #bnt_back{position:absolute;left: 1rem;top:0;} #bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;} #m_n_nav i{} #m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;} #bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;} #bnt_sub_nav svg{fill: #fff;height: 21px;vertical-align: middle;width: 26px;} #bnt_sub_nav img{ display: block; height: 15px; } #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} #sub_nav_content{display: none;z-index: 9;border-top: rgba(255,255,255,.1) 1px solid;} #sub_nav_content ul{ padding: 10px;} #sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;} #sub_nav_content ul li a{ display:block; border-left:2px solid #00c0fa;; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;} #sub_nav_content ul li.on a{color: #00c0fa;;} #sub_nav_content dl{font-size:0;overflow: hidden;background: #fd9b2b;padding: 10px 0;} #sub_nav_content dt{position:relative;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;} #sub_nav_content dt a{margin:0 20px;display:block;color: #ffffff;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;} #sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;} #sub_nav_content dt a{} #sub_nav_content dt.title{background:#fafafb;} #sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);} #sub_nav_content dt.title_on { background:#fafafb;} #sub_nav_content dt.title_on a{ color: #00c0fa; border-top:1px solid #fff;} #sub_nav_content dt.title_on a i{ color: #00c0fa; } #sub_nav_content dt.last a{border-top:1px solid #f8f8f8;} #sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #023d7e;} #sub_nav_content dd{ display:none;} #sub_nav_content dd .box{padding:0px 0px 0px 0px;} #sub_nav_content dd a{ padding:0 25px; line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;} #sub_nav_content dd a.on{ color: #00c0fa;} .n_news .fl01{ padding: 2.25rem 0 3rem; overflow: hidden;} .list_box_nian{ } .list_box_nian li{ font-size: 1rem; color: #000000; line-height: 1.5; transition: .5s; margin-right: 2.75rem;} .list_box_nian li.on{ color: #fd9b2b; font-weight: 600;} .list_box_yue{justify-content: space-between;align-items: center;border-right: #e5e7ec 1px solid;margin: 1.875rem 0 0;} .list_box_yue li{border: #e5e7ec 1px solid;height: 3.75rem;border-right: 0;width: 100%;align-items: center;text-align: center;justify-content: center;transition: .5s;position: relative;font-size: 1.125rem;color: #000000;} .list_box_yue li a{width: 100%;height: 100%;display: flex;align-items: center;text-align: center;justify-content: center;} .list_box_yue li a:after{content:"";position:absolute;top: -1px;right: 0;height:3px;background:#fd9b2b;transition:.5s;width: 0;} .list_box_yue li.on{ color: #fd9b2b;} .list_box_yue li.on a:after{width:100%;left: 0;} .n_news .fl02{ padding: 0 0 3.5rem; overflow: hidden;} .list_box_news{ margin-bottom:3.25rem} .list_box_news li{ border-bottom: #f0f0f0 2px solid; padding-bottom: 2.5rem; margin-bottom: 2.375rem;} .list_box_news li a{ display: flex; justify-content: space-between; align-items: center;} .list_box_news li a .img{width: 20.9375rem;border-radius: 4px;} .list_box_news li a .img .img_hezi{padding-bottom: 67.16% !important;} .list_box_news li a .con{ width: calc(100% - 20.9375rem); padding: 0 0 0 2.5rem;} .list_box_news li a .con .h6{font-size:1.25rem;color:#004380;font-family:BarlowCondensed-Medium;display: flex;justify-content: space-between;align-items: center;} .list_box_news li a .con .h6 img{margin: -4px .5rem 0 0;} .list_box_news li a .con .h6 .ll{ font-family:BarlowCondensed-Medium;} .list_box_news li a .con h2{font-size: 1.625rem;color: #000000;transition:.5s;font-weight:600;line-height:1.25;margin: 1.5rem 0 .875rem;} .list_box_news li a .con p{font-size: .875rem;color: #6d7074;line-height:1.5rem;height:3rem;} .more003 .a{border:#e5e5e5 1px solid;width:3.125rem;height:3.125rem;line-height: 3.125rem;text-align:center;transition:.5s;background: #fff;} .more003 .a svg{width: 1rem;height: 1rem;fill:#000000;transition:.5s;} .list_box_news li a:hover .more003 .a{ background:#ed8104; border:#ed8104 1px solid} .list_box_news li a:hover .more003 .a svg{ } /*====翻页====*/ .j_pages{padding: 0; overflow:hidden} .j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0;text-align: center;} .j_pages a{padding: 0 .5rem;height: 2.1875rem;line-height: 2.125rem;display:inline-block;margin: 0 .35rem;color: #66635f;font-size: 0.875rem;box-sizing: border-box;min-width: 2.1875rem;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align: center;border: #dcdcdc 1px solid;border-radius: 2px;} .j_pages a.m_bnt{ padding:0 1rem} .j_pages a font{font-size:14px;font-family:SimSun;color:#666666} .j_pages .on, .j_pages a:hover{color: #fff;background: #fd9b2b; border:#fd9b2b 1px solid} .j_pages span{} .j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s} .j_pages form{ display:inline-block;} .j_pages span{display:inline-block;font-size: 0.875rem;margin: 0 1rem;} .j_pages form input{width: 2.75rem;height: 2.75rem;border: none;font-size: 1rem;color: #919191;margin: 0 0 0 10px;text-align:center;border-radius: 3px;border: rgba(0,0,0,0.1) 1px solid;transition: .6s;} .j_pages form input[type="submit"]{width: 4rem;cursor:pointer;} .j_pages form input[type="submit"]:hover{background: #0567d8;color:#fff;border: #0567d8 1px solid;} /*新闻详情*/ #n_news_xq{width:100%;/* overflow:hidden; */position: relative;} #n_news_xq .w1200{ display:flex} .ar_title{margin-bottom:2rem;border-bottom: 1px solid #dadadc;position:relative;padding-bottom: 1rem;} .ar_title h3:after{content:"";position:absolute;top: 0.625rem;left: -1.375rem;height: 1.25rem;display:block;width: 5px;background: #fd9b2b;} .ar_title h3{font-size: 1.625rem;color: #404040;font-weight:bold;margin-bottom: 0.75rem;line-height: 2.375rem;position: relative;} .ar_title h6{display:flex;flex-wrap: wrap;} .ar_title h6 span{font-size: 0.875rem;color: #4a4a4a;margin-right: 5rem;line-height: 32px;display: flex;} .ar_title .butie{ float:right; font-size:1.125rem; color:#383838; margin-top:-2rem;} .ar_title .butie b{ font-size:3.375rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal;} .ar_title .butie font{ font-size:1.5rem; color:#f5c237;} #n_news_xq .right_con{float:right;width: 25.625rem;} #n_news_xq .left_con{width: calc(100% - 25.625rem);padding-right:3.5rem;} #n_news_xq .right_con .sticky>.box{border: #e5e5e5 1px solid;padding: 1.5rem 2.2rem;background: #fff;} #right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;} #right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;} #right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; } .n_news_detail .ar_article p{font-size:.9375rem;color:#555555;margin-bottom: 0;} .n_news_detail .ar_article p video{ height:auto} #ar_fot{margin-top: 1.5rem;position:relative;width:100%;overflow:hidden;} #ar_fot .inbox{ position:relative;} #ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s; margin:0;} #ar_fot h3 a{ display:block; width:35px; height:35px;} #ar_fot h3 a svg{ max-width:100%; max-height:100%; } #ar_fot h3 a svg *{ fill:#ccc;} #ar_fot h3 a:hover{ color:#d9353c;} #ar_fot h3.prev{ position: absolute; left:0; top:0; } #ar_fot h3.next{ position: absolute; right:0; top:0; } #ar_fot h3 a:hover svg *{ fill:#f5c237;} #ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:20px; transition:.3s;} #ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;} #ar_fot .bnt_back:hover{ border:1px solid #f5c237;} #ar_fot .bnt_back:hover a{ color:#f5c237; } /*==============字号控件=====================*/ #font_set_box{ background: url(../images/icon_font.svg) left center no-repeat; background-size:22px; padding-left: 26px; } .font_box{ display:inherit; position:relative; } .font_box a { display:inline-block; width:14px; line-height:30px; font-size:.875rem; color: #a8a8a8; text-align:center; margin:0 4px;} .font_box a.on{ color:#0081cc; } .font_box a:hover{ color:#0081cc; } .font_size_lg{ font-size:18px !important; line-height: 40px !important;} .font_size_lg p{ font-size:18px !important; line-height: 40px !important;} .font_size_md{ font-size:16px !important; line-height: 36px !important;} .font_size_md p{ font-size:16px !important; line-height: 36px !important;} .font_size_sm{ font-size:14px !important;} .font_size_sm p{ font-size:15px !important;} #piaofu_news{position: absolute;left: 4%;top: 200px;z-index:9999;width: 42px;transition: .6s;} #piaofu_news.xg{position: fixed;z-index:9999;top: 200px;} .piaofu_fx{} .piaofu_fx ul{ padding:2px 0 0} .piaofu_fx ul li{float:left;margin-bottom: 12px;position: relative;} .piaofu_fx ul li > a{display:block;min-width: 42px;width: 42px;height: 42px;border: #a9a9a9 2px solid;line-height: 39px;margin:-1px 0 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;border-radius: 25px;overflow:hidden;color:#fff;font-size:14px;} .piaofu_fx.fixed{ position:fixed; right:50%; margin-right:-600px; top:0} .piaofu_fx ul li > a span{display:inline-block;width: 39px;height: 39px;text-align:center;} .piaofu_fx ul li > a span img.img02{ display:none} .piaofu_fx ul li > a:hover{width: 108px;background: #fd9b2b;border: #fd9b2b 2px solid;} .piaofu_fx ul li > a:hover span img.img01{ display:none} .piaofu_fx ul li > a:hover span img.img02{ display:inline-block} .fenxiang{display:inline-block;vertical-align: top;} .shart_box{display:inline-block; cursor:pointer} @font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;display: inline-block;background: #fff;position: relative;vertical-align: top;margin: 0;transition:.5s;}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display:inline-block;width: 2rem;height: 32px;border-radius:50%;line-height: 32px;border: none !important;color: #999999;text-align:center;vertical-align: top;transition:background 0.6s ease-out 0s;transition: .6s;font-size: 1rem;/* border: #e8e8e8 1px solid !important; */}.social-share .social-share-icon:hover{background: none !important;color: #ed8104;border: none !important;}.social-share .icon-weibo{border-color:#ff763b;}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{border-color:#56b6e7;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{border-color:#FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{border-color:#0077B5;}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;border-color:#7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left: -78px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block} .n_news_detail{ padding: 3.75rem 0;} #n_news_xq .right_con .sticky>.box{border: 1px solid #e5e5e5;} #n_news_xq .left_con>.box{padding: 0;} #right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;} #right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;} #right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; } .sticky{position: sticky;top: 0;z-index: 100;} .news_tuijian .box{ } .news_tuijian .tt{ font-size: 1.25rem; color: #242424; line-height: 2.5rem; font-weight: bold;} .news_tuijian .tt i{display: inline-block;width: 5px;height: 20px;position: relative;margin-right: 15px;position: relative;top: .25rem;margin-left: -15px;background: #fd9b2b;} .news_tuijian .tt i:before{content:"";display: block;width: 100%;height: 50%;background: #fd9b2b;left: 0;top: 0;} .news_tuijian .tt i:after{content:"";display: block;width: 100%;height: 50%;background: #fd9b2b;left: 0;bottom: 0;} .news_tuijian .tt span{font-size: 1rem;color: #fd9b2b;margin-left:.625rem;font-weight: normal;} .news_tuijian .txt{padding: 0.75rem 0 0.75rem;border-bottom: 1px solid #cccccc;position: relative;} .news_tuijian .txt:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;background: #fd9b2b;display:block;width:68px;} .news_tuijian .txt h5{font-size: 1.125rem;line-height: 1.5;color: #404040;font-weight: bold;transition: .3s;margin-bottom: 1rem;} .news_tuijian .txt h5:hover{color: #fd9b2b;} .news_tuijian .txt p{font-size: .9375rem; color: #adadad; line-height: 1.5rem; height: 3rem; overflow: hidden;} .news_tuijian .txt .top_box{overflow: hidden;margin-top: 1.5rem;} .news_tuijian .txt .time{font-size: .9375rem;line-height: 2.625rem;color: #4a4a4a;} .news_tuijian .txt .btn_more{ float: right; font-size: .9375rem; color: #919191;} .news_tuijian .txt .btn_more:hover{ color: #15499a;} .news_tuijian .txt .arrow_anim{ margin-top: 0;} .news_tuijian ul{ padding-top: 1rem;} .news_tuijian ul li{ height:2.625rem;} .news_tuijian ul li a{ display: block;} .news_tuijian ul li h5{font-size:1rem;line-height:2.625rem;color:#6d6d6d;transition:.6s;position: relative;padding: 0 0 0 1.25rem;} .news_tuijian ul li h5:before{content:"";margin-right: 0.75rem;font-size: .75rem;top: 50%;position: absolute;width: 6px;height: 6px;background: #aaaaaa;border-radius: 50%;margin-top: -3px;left: 0;} .news_tuijian ul li:hover h5{color:#fd9b2b;padding: 0 0 0 1.5rem;} .news_tuijian ul li:hover h5:before{ color:#fd9b2b;} .arrow_anim{ display: block; width: 2.625rem; height: 2.625rem; border-radius: 50%; background: #fff; position: relative; margin-top: 1.25rem; overflow: hidden;} .arrow_anim:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 1.0625rem; transition: .5s;} .arrow_anim:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/pro_i.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 1.0625rem; transition: .5s;} .item:hover .arrow_anim:before{ left: 0;} .item:hover .arrow_anim:after{ left: 100%;} .n_aply{ padding: 8.125rem 0 7.5rem; position: relative; z-index: 1; background: #eef2f6; } .n_aply::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/n_aply_bg.jpg) center top no-repeat, url(../images/n_aply_bg1.jpg) center bottom no-repeat; background-size: 100% auto;} .list_box_aply1{ display: flex; flex-wrap: wrap;} .list_box_aply1 li{width: 33.3%;margin: -1px;position:relative;background: #ffffff;} .list_box_aply1 li:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border: #dce2e7 1px solid;} .list_box_aply1 li a{display: flex;height: 13.75rem;position: relative;flex-direction: column;align-items: center;align-content: center;justify-content: center;z-index: 1;padding: 0 10px;} .list_box_aply1 li a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list_box_aply1_bg.jpg) center no-repeat;transition: .5s;z-index: -1;opacity:0;visibility:hidden;background-size: cover;} .list_box_aply1 li a h3{ height: 4.5rem; position: relative;} .list_box_aply1 li a h3::before{content: "";position: absolute;width: 15px;height: 2px;background: #fd9b2b;transform: translateX(-50%);bottom: 0;left: 50%;} .list_box_aply1 li a h3 img{ max-height: 3.25rem; transition:.5s} .list_box_aply1 li a h5{ font-size:1.625rem; color:#070707; margin:1.375rem 0 .375rem; transition:.5s} .list_box_aply1 li a h6{ font-size:1rem; color:#070707; opacity:.7; line-height:1.25; transition:.5s} .n_gg{margin: 3.125rem 0;padding: 0 8px 0 0;width: 100%;} .n_gg img{ width: 100%;} .n_aply .fl01{ padding-bottom: 3.125rem; } .n_peixun{ background: #f8f8f8 url(../images/n_peixun_bg.jpg) center top no-repeat; padding: 4.375rem 0; background-size: cover;} .list_box_peixun{ margin-bottom: 4rem;} .list_box_peixun li{ margin-bottom: 3.5rem;} .list_box_peixun li a{display: flex;flex-wrap: wrap;/* align-items: center; */position: relative;padding-bottom: 2.5rem;} .list_box_peixun li a::before{ content: ""; position: absolute; top: 3.125rem; right: 0; bottom: 0; left: 18.75rem; z-index: -1; background: #fff;} .list_box_peixun li a .img_box{width: 45.625rem;} .list_box_peixun li a .img img{ opacity:.8; } .list_box_peixun li a .img{ border-radius: 6px; overflow:hidden} .list_box_peixun li a .img_box h6{ margin-top: 2.375rem;} .list_box_peixun li a .img_box h6 img{ width: 100%;} .list_box_peixun li a .img .img_hezi{padding-bottom: 54.79% !important;background: #000;border-radius: 7px;} .list_box_peixun li a .con{width: calc(100% - 45.625rem);padding: 3.125rem 4rem 0 4.375rem;} .list_box_peixun li a .con .zuixin{display: flex;justify-content: flex-end; opacity: 0; visibility: hidden;} .list_box_peixun li a .con .zuixin.on{opacity: 1; visibility: visible;} .list_box_peixun li a .con .zuixin .zuixin_box{background: url(../images/zuixin_bg.png) center no-repeat;width: 5.8125rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1.125rem;color: #fff;margin-right: -4rem;padding: 0 0 0 1rem; background-size: 100% 100% !important;} .list_box_peixun li a .con .time{border-bottom: #fd9b2b 1px solid;padding-bottom: .625rem;display: inline-block;text-align: center;margin: 2rem 0 0;} .list_box_peixun li a .con .time h3{ font-size: 2.625rem; color: #fd9b2b; font-family:Poppins_b;} .list_box_peixun li a .con .time h6{ font-size: 12px; color: #fd9b2b; font-family:Poppins_r;} .list_box_peixun li a .con h5{ font-size: 1.375rem; color: #242424; transition: .5s; line-height: 1.25; margin: 1.75rem 0 0;} .list_box_peixun li a .con p{ font-size: .875rem; color: #242424; line-height: 20px; height: 40px; transition: .5s; opacity: .8; margin: 2.25rem 0 3.25rem;} .list_box_peixun li a .con .bottom{ display: flex; justify-content: space-between; align-items: center;} .list_box_peixun li a .con .bottom span{display: inline-block;width: 7.5rem;line-height: 2.5rem;border: #d7dddf 1px solid;transition: .5s;font-size: .875rem;color: #242424;text-align: center;border-radius: 1.25rem;} .list_box_peixun li a .con .bottom b{ font-size: .875rem; color: #fd9b2b; font-weight: normal; transition: .5s;} .list_box_peixun li:nth-child(2n) a .img_box{ order: 2;} .list_box_peixun li:nth-child(2n) a::before{ left: 0; right: 18.75rem;} .list_box_peixun li:nth-child(2n) a .img_box h6 img{ transform: rotateY(180deg);} .list_box_peixun li:nth-child(2n) a .con .zuixin{ justify-content: flex-start; } .list_box_peixun li:nth-child(2n) a .con .zuixin .zuixin_box{background: url(../images/zuixin_bg1.png) center no-repeat;padding: 0 1rem 0 0;margin-left: -4.375rem;margin-right: 0;} .n_noloage .fl01{ padding: 3.25rem 0 4rem; background: #f8f8f8;} .n_noloage .fl01 .w1200{display: flex;flex-wrap: wrap;} .n_noloage .fl01 .left{ width: 25rem; } .list_box_left_nav{ background: #023d7e; border-radius: 4px; padding: 3.5rem 3.5rem 3.5rem 2.375rem;} .n_noloage .fl01 .right{ width: calc(100% - 25rem); padding: 0 0 0 2.5rem;} .list_box_left_nav li .top{ line-height: 4.875rem; border-bottom: rgba(255,255,255,.4) 1px solid; text-transform: uppercase;} .list_box_left_nav li .top a{ display: flex; justify-content: space-between; align-items: center;} .list_box_left_nav li .top big{ font-size: 1.5rem; color: #fff; font-weight: 600;} .list_box_left_nav li .top span{ font-size: 1.5rem; color: #fff; font-weight: 600;} .list_box_left_nav li .top span.span2{ display: none;} .list_box_left_nav li .bottom{ display: none; border-bottom: rgba(255,255,255,.4) 1px solid; padding: 1.875rem 0 2.5rem;} .list_box_left_nav li .bottom ul li{ font-size: 1rem; color: #fff; line-height: 1.875rem; transition: .5s;} .list_box_left_nav li.on .bottom{} .list_box_left_nav li.on .top span.span1{ display: none;} .list_box_left_nav li.on .top span.span2{ display: inline-block;} .n_noloage .fl01 .right .box1{display: flex;justify-content: space-between;align-items: center;} .n_noloage .fl01 .right .box1 h3{ font-size: 2.25rem; color: #000000;} .n_noloage .fl01 .right .box1 .form{ width: calc(100% - 13.375rem); display: flex; justify-content: space-between;} .n_noloage .fl01 .right .box1 .form .search_1{border: #cdcdcd 1px solid;height: 3rem;padding: 0 1.5rem;font-size: .9375rem;color: #7a7a7a;border-radius: 3px;flex-grow: 1;margin-right: .625rem;} .n_noloage .fl01 .right .box1 .form .btn{ width: 12.8125rem; background: #fd9b2b; height: 3rem;border-radius: 3px; text-align: center; font-size: .9375rem; color: #fff; transition: .5s;} .n_noloage .fl01 .right .box1 .form .btn img{ margin: -3px 0 0 .75rem;} .n_noloage .fl01 .right .box2 p{ font-size: 1.125rem; color: #000000; opacity: .7; margin: 1.25rem 0 2.5rem; line-height: 1.5;} .list_box_wd{ margin-bottom: 3rem;} .list_box_wd li{ margin-bottom: 1.25rem;} .list_box_wd li a{ display: block; background: #fff; padding: 2.125rem 3.25rem;} .list_box_wd li a .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.375rem; } .list_box_wd li a .top img{width: 1.625rem;} .list_box_wd li a .top h5{flex-grow: 1;padding: 0 1rem;font-size:1.125rem;color:#000000;font-weight: 600;width: calc(100% - 10rem);line-height: 1.5;} .list_box_wd li a .top span{width: 2.1875rem;height: 2.1875rem;display: table;background: url(../images/list_box_wd_up.png) center no-repeat;background-size: 100% 100% !important;} .list_box_wd li.on a .bottom .ll img{ width: 1.625rem;} .list_box_wd li a .bottom .ar_article p{ font-size: .875rem; line-height: 26px; margin-bottom: 26px;} .list_box_wd li a .bottom{display: flex;justify-content: space-between;align-items: flex-start;} .list_box_wd li a .bottom img{width:1.625rem;margin: .125rem 0 0;} .list_box_wd li a .bottom .ar_article{padding: 0 0 0 1rem;overflow: hidden;flex-grow: 1;width: 100%;line-height: 1.875rem;} .list_box_wd li.on a .top span{ background: url(../images/list_box_wd_down.png) center no-repeat;} .list_box_wd li.on a .bottom .ar_article{ height: auto;} .n_yylist .fl01{ background: #f8f8f8 url(../images/n_peixun_bg.jpg) center top no-repeat; padding: 4.375rem 0; background-size: cover;} .n_yylist .w1200{ display: flex; flex-wrap: wrap;} .n_yylist .left{ width: 16.25rem;} .n_yylist .left .box{ border: #e5e5e5 1px solid; background: #fff; border-radius: 0 1.25rem 0 0; border-left: #023d7e .5rem solid;;} .n_yylist .left .box h3{ font-size: 1.875rem; color: #000000; padding: 1.75rem 2.5rem 1.75rem;} .n_yylist .right{ width: calc(100% - 16.25rem); padding: 0 0 0 5rem;} .list_box_left_nav1{ } .list_box_left_nav1 li{} .list_box_left_nav1 li a{ line-height: 3.125rem; display: block; position: relative; padding: 0 3.375rem; font-size: 1rem; color: #363638; transition: .5s; border-bottom: #e5e5e5 1px solid;} .list_box_left_nav1 li a::before{content: "";position: absolute;left: 1.875rem;width: 6px;height: 6px;border-radius: 50%;border: #dcdcdc 2px solid;top: 50%;margin-top: -5px;transition: .5s;} .list_box_left_nav1 li:last-child a{ border: none;} .list_box_left_nav1 li.on a{ background: #fd9b2b; border-bottom: #fd9b2b 1px solid; color: #fff;} .list_box_left_nav1 li.on a::before{ border: #fff 2px solid;} .n_title002{ display: flex; justify-content: space-between; height: 3rem; border-bottom: #d7dee4 2px solid; margin: 2rem 0 5.625rem;} .n_title002 .ll{font-size: 1.5rem;color: #000000;font-weight: 600;line-height: 2.75rem;position: relative;} .n_title002 .ll:after{ content:""; position:absolute; left:0; bottom:-2px; height:2px; background:#fd9b2b; width:100%} .list_box_fa li{ margin-bottom:3rem} .list_box_fa li a{display: flex;/* flex-wrap: wrap; */align-items: flex-end;} .list_box_fa li a .img_box{ width: 40.3125rem;} .list_box_fa li a .img_box .img{ overflow:hidden} .list_box_fa li a .img_box .img .img_hezi{ padding-bottom: 62.79% !important;} .list_box_fa li a .con{width: calc(100% - 40.3125rem); position: relative; z-index: 1;} .list_box_fa li a .con .con_li{margin-left: -3.375rem;background: #fff url(../images/list_box_fa_bg.png) left top no-repeat;border-radius: 2.5rem 0 2.5rem 0;padding: 3.125rem;} .list_box_fa li a .con .time_box{display: flex;justify-content: space-between;align-items: center;} .list_box_fa li a .con .time{border-bottom: #fd9b2b 1px solid;padding-bottom: .625rem;display: inline-block;text-align: center;margin: 0;} .list_box_fa li a .con .time h3{ font-size: 2.625rem; color: #fd9b2b; font-family:Poppins_b;} .list_box_fa li a .con .time h6{ font-size: 12px; color: #fd9b2b; font-family:Poppins_r;} .list_box_fa li a .con h5{font-size: 1.25rem;color: #242424;transition: .5s;line-height: 2rem;max-height: 4rem;margin: 1.75rem 0 1rem;font-weight: bold;} .list_box_fa li a .con p{font-size: .875rem;color: #242424;line-height: 20px;height: 40px;transition: .5s;opacity: .8;margin: 0;} .list_box_fa li a .con .time_box span{display: inline-block;width: 6.5625rem;height: 30px;line-height: 28px;border: #d7dddf 1px solid;transition: .5s;font-size: .875rem;color: #242424;text-align: center;border-radius: 1.25rem;} .list_box_fa li:nth-child(2n) a .img_box{ order: 2;} .list_box_fa li:nth-child(2n) a .con .con_li{ margin-left: 0; margin-right: -3.375rem; border-radius: 0 2.5rem 0 2.5rem;} .n_fa_form{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden;} .n_fa_form.on{ opacity: 1; visibility: visible; transition: .5s;} .n_fa_form .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.7);} .n_fa_form .content{position: absolute;background: #fff url(../images/n_fa_form_bg.png) center bottom no-repeat;background-size:100% auto;border-radius: 6px;width: 36.25rem;padding: 2.75rem;max-width: 94%;} .n_fa_form .content h3{ display: flex; align-items: center; justify-content: center; margin-bottom: 2rem;} .n_fa_form .content h3 font{ display: inline-block; font-size: 1.5rem; color: #000000; margin: 0 1rem;} .n_fa_form .content h3 span{ width: 4.25rem; height: 2px; background: #d3d3da;} .n_fa_form .layui-form-item{margin-bottom: .5rem;position:relative;} .n_fa_form .layui-form-item .yzm{ position:absolute; top:0; right:.5rem; bottom:0; display:flex; align-items:center} .n_fa_form .layui-form-item .yzm img{ max-height:3rem} .n_fa_form .layui-input, .n_fa_form .layui-select, .n_fa_form .layui-textarea{ height: 3.125rem;} .n_fa_form .layui-form-pane .layui-form-label{height: 3.125rem;line-height: 3rem;padding: 0 .5rem;font-size: 1rem;} .n_fa_form .layui-form-pane .layui-form-label font { font-size: 1rem; color: #ff0000; margin: 0 6px 0 0;} .n_fa_form .layui-form-item.textarea .layui-form-label{min-height: 6.25rem;display: flex;align-items: center;text-align: center;justify-content: center;} .n_fa_form .layui-textarea{min-height: 6.25rem;resize: none;} .n_fa_form .layui-btn{display: flex;width: 15rem;height: 3.125rem;background: #fd9b2b;margin: 0 auto;align-items: center;justify-content: center;border-radius: 4px;font-size: 1.125rem;color: #fff;transition: .5s;margin-top: 1.5rem;} .n_fa_form .layui-btn:hover{ background: #023d7e;} .n_fa_form .layui-form-select dl{ top: 3.125rem;} .n_fa_form .layui-form-select dl dd.layui-this{ background: #fd9b2b;} .n_fa_form .content .close{ position: absolute; top: 1rem; right: 1rem;} .n_fa_form .content .close svg{ width: 2rem; height: 2rem; fill:#999; transition: .5s; cursor: pointer;} .n_fa_form .content .close svg:hover{ fill:#fd9b2b} .n_product .fl01{ background: #f8f8f8 url(../images/n_peixun_bg.jpg) center top no-repeat; padding:0; background-size: cover;} .n_product .fl01 .content{background: #fff;border-radius: 4px 4px 0 0;position: relative;top: -5.625rem;padding: 2rem 4.375rem 5.625rem; position: relative; margin-bottom: -5.625rem;} .n_product .fl01 .content .content_box{display: flex;align-items: center;margin: 2.25rem 0 0;} .n_product .fl01 .content .left{width: 34.375rem;position: relative;padding-bottom: 3rem;} .n_product .fl01 .content .left .img .img_hezi{padding-bottom: 67.74% !important;} .n_product .fl01 .content .right{ width: calc(100% - 34.375rem); padding: 0 0 0 5rem;} .n_product .fl01 .content .right h3{ font-size: 2.625rem; color: #000000; position: relative; line-height: 1.375; padding: 1.75rem 0 0;} .n_product .fl01 .content .right h3::before{ content: ""; position: absolute; top: 0; width: 1.25rem; height: 2px; background-color: #ed8104; font-weight: bold;} .n_product .fl01 .content .right h6 font{ display: inline-block;; border: #eeeeee 2px solid; padding: 0 1.5rem; line-height: 3.125rem; border-radius: 1.75rem; font-size: 1.375rem; color: #000000; padding: 0 3.25rem; margin: 1rem 0 3.125rem;} .n_product .fl01 .content .right .con p{ font-size: .9375rem; color: #000000; line-height: 1.875rem;} .n_title003{ display: flex; justify-content: flex-end;} .more005 a{ display: inline-block; padding: 0 2.375rem; line-height: 3.125rem; background: #fd9b2b; border-radius: 4px; text-align: center; font-size: .9375rem; color: #fff; transition: .5s; margin: 2.5rem 0 0;} .more005 a img{ margin: -3px .75rem 0 0;} .n_product .fl02{ background: #e8ebef; height: 6.875rem;} .list_box_miaobao{display: flex;justify-content: space-between;} .list_box_miaobao li{line-height: 6.875rem;text-align: center;flex-grow: 1;} .list_box_miaobao li a{display: inline-block;font-size: 2rem;color: #000000;padding: 0 3.125rem;position: relative;transition: .5s;} .list_box_miaobao li a img{ margin:-3px .75rem 0 0} .list_box_miaobao li a::before{ content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 3px; background: #fd9b2b; transition: .5s;} .list_box_miaobao li.active a::before{ width: 100%; left: 0;} .n_product .fl03{ padding: 5rem 0 0; background: #f8f8f8;} .n_title004{ display: flex; align-items: center; justify-content: center; margin-bottom: 3.75rem;} .n_title004 big{ font-size: 1.625rem; color: #000000; font-weight: 600; margin-left: 1.5rem;} .n_title004 small{ font-size: 1.625rem; color: #fd9b2b; font-weight: 600; text-transform: capitalize; margin-left: .5rem; margin-right: 1.5rem;} .list_box_04{ margin: 0 -.625rem;} .list_box_04 li{ float: left; width: 25%; padding: 0 .625rem; margin-bottom: 1.375rem;} .list_box_04 li a{ display: block; border: #dadee5 1px solid; transition: .5s; padding: 1rem .75rem 0; text-align: center;} .list_box_04 li a .img .img_hezi{ padding-bottom: 67.74% !important;} .list_box_04 li a h5{ font-size: 1.125rem; color: #000000; transition: .5s; line-height: 4;} .n_product .fl04{ padding: 5rem 0 2rem; background: #f8f8f8;} .list_box_05 li{ border-bottom: #e6e7ea 2px solid; padding-bottom: 3rem; margin-bottom: 3rem;} .list_box_05 li a{ display: flex; justify-content: space-between; align-items: center;} .list_box_05 li a .img{ width: 35.625rem;} .list_box_05 li a .con{ width: calc(100% - 35.625rem); padding: 0 0 0 4.375rem;} .list_box_05 li a .con h4{ font-size: 1.875rem; color: #2f71ae; font-weight: 600;} .list_box_05 li a .con h5{ font-size: 1.5rem; color: #2f71ae; line-height: 1.375; margin: 2.375rem 0 .875rem;} .list_box_05 li a .con p{ font-size: .875rem; color: #5b5d60; line-height: 1.625rem;} .list_box_05 li:nth-child(2n) a .img{ order: 2;} .list_box_05 li:nth-child(2n) a .con{ padding: 0 4.375rem 0 0;} .list_box_05 li:last-child{ margin-bottom: 0; border: none;} .n_product .fl05{ padding: 5rem 0 12rem; background: url(../images/n_product_fl05_bg.jpg) center bottom no-repeat; background-size: cover;} .n_product .fl05 .n_title004 big, .n_product .fl05 .n_title004 small{ color: #fff;} .more006 a{ display: inline-block; padding: 0 2.375rem; line-height: 3.125rem; background: #023d7e; border-radius: 4px; text-align: center; font-size: .9375rem; color: #fff; transition: .5s; margin: 2rem 0 0;} .more006 a img{ margin: -3px .75rem 0 0;} .n_product .fl05 .box{ text-align: center; padding: .5rem 0 0;} .n_product .fl05 .box p{font-size: 1.375rem;color: #fff;line-height: 1.75;text-align: center;} .n_product .fl01 .content .right h6 font span{ font-size: 1.25rem; margin-right: 2rem;} .n_product .fl01 .content .right h6 font span:last-child{ margin-right: 0;} .n_product .fl01 .content .dots{ position: absolute; top: -3.125rem; left: -10%;} .n_product .fl01 .content .dots img{ width: 12.3125rem;} .n_product.n_product_detail .fl01 .content .right h6 font{ margin: 1rem 0 1.75rem;} .n_product.n_product_detail .more005 a{ margin: 2rem 0 0;} .list_box_06 .miso-arrow{width: 2.1875rem;height: 2.1875rem;background-size: cover !important;} .list_box_06 .miso-prev{ background: url(../images/list_box_06_prev.png) center no-repeat;} .list_box_06 .miso-next{ background: url(../images/list_box_06_next.png) center no-repeat;} .vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;} .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } .vwrap .videobox {z-index: 1200;width: 1000px;height: 560px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -280px;margin-left: -500px;object-fit: cover;} .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; } #videobox_wrapper { height: 100%!important; } .vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;} .vwrap .close i { display: block; width: 31px; height: 31px; -webkit-transition: 400ms; transition: 400ms; } .vwrap .close i svg{ transition:.6s} .vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; } .jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); } .jwlogo, .jwclick { display: none!important; } .jwdisplayIcon{ background: none no-repeat!important;} @media(max-width: 992px){ .vwrap .videobox{width:94%;height: 200px;left: 3%;margin-left: 0;margin-top: -122px;} .vwrap .close{right: 0;top: -35px;} .vwrap .videobox video{} } .n_product .fl01 .content .left .video a img{width: 2.625rem;height: 2.625rem;transition: .5s;position: absolute;bottom: 0;} .n_product{ background: #f8f8f8; } .n_product_detail .fl13{ padding: 5rem 0 4.375rem; overflow: hidden;} .n_product_detail .fl14{padding: 0 0 5rem;overflow: hidden;} .n_product_detail .fl14 .ar_article table th{ background: #023d7e; font-size: 1.5rem; color: #fff; padding: 1.25rem 0;} .n_product_detail .fl14 .ar_article table td{ font-size: .9375rem; color: #000000; background: #fff; text-align: center; line-height: 1.5;} .n_product_detail .fl15{ padding: 0 0 5rem; overflow: hidden;} .list_box_07 li a{display: flex;align-items: center;justify-content: space-between;line-height: 2.5rem;padding: 0 1.5rem 0 1.25rem; position: relative; z-index: 1;} .list_box_07 li a::before{ content: ""; position: absolute; background: #fd9b2b; left: 0; right: 0; bottom: 0; height: 0; z-index: -1; transition: .5s;} .list_box_07 li a *{ flex-grow: 1;} .list_box_07 li a .ll{width: 26%;padding: 0 .75rem;font-size: 1rem;color: #000000;transition: .5s;position: relative;} .list_box_07 li a .ll:before{ content:""; position:absolute; width:2px; height:2px; background:#000; left:0; top:50%; margin-top:-1px} .list_box_07 li a .cc{ font-size:1rem; color:#5c5757} .list_box_07 li a .rr{ flex-grow: 0;} .list_box_07 li a .rr svg{width: 1.25rem;height: 1.25rem;fill:#aeaeae;vertical-align: middle;margin: -3px 0 0; transition: .5s;} .list_box_07 li:hover a::before{ height: 100%; top: 0;} .list_box_07 li:hover a .rr svg{ fill:#fff;} .n_product_detail .fl16{ padding: 0 0 5rem; overflow: hidden;} .n_product_detail .fl17{ padding: 0 0 6rem; overflow: hidden; background: url(../images/n_product_detail_fl17_bg.jpg) center bottom no-repeat; background-size: cover;} .n_contact .fl01{ padding: 4rem 0 3.25rem; overflow: hidden;} .n_contact .fl01 .content{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} .n_contact .fl01 .content .con{ width: 59.25rem;} .n_title005{ border-left: #fd9b2b 3px solid; padding: 0 0 0 1.375rem; margin-bottom: 3rem;} .n_title005 big{ font-size: 1.875rem; color: #023d7e;} .n_title005 small{ font-size: 1.875rem; color: #aaafb5; margin-left: .25rem;} .n_contact .fl01 .content .img{ width: calc(100% - 59.25rem); border-radius: .5rem;} .n_contact .fl01 .content .img .img_hezi{ padding-bottom: 84.444444% !important;} .list_box_08{ display: flex; flex-wrap: wrap;} .list_box_08 li{ width: 50%; display: flex; align-items: center; margin-bottom: 1.625rem;} .list_box_08 li .cc{ padding: 0 .75rem;} .list_box_08 li .cc h5{ font-size: .875rem; color: #7d7d7d; margin-bottom: .25rem;} .list_box_08 li .cc h6, .list_box_08 li .cc .h6{ font-size: 1rem; color: #2c2c2c; line-height: 1.75; font-weight: 600;} .list_box_08 li .cc .h6 dl dd{display: flex;justify-content: space-between;} .list_box_08 li.w100{width: 100%;align-items: flex-start;} .list_box_08 li .cc .h6 dl dd .lll{ margin-right: 2rem; font-weight: 600;} .list_box_08 li .cc .h6 dl dd .rrr{ margin-right: 2rem; font-weight: 600;} .list_box_08 li .rr{ position:relative} .list_box_08 li .rr .item{ opacity:0; visibility:hidden; transition:.5s; position:absolute; left:40px; top:0; background:#ed8104; padding:5px} .list_box_08 li .rr:hover .item{ opacity:1; visibility:visible; transition:.5s; } .list_box_08 li .rr .item img{ width:6.25rem; height:6.25rem} .n_title006{ margin-bottom: 3rem;} .n_title006 h3{ font-size: 1.875rem; color: #010101; font-weight: 600; text-align: center;} .n_contact .fl02{ overflow:hidden} .n_contact .fl02 .content{ border-top: #f0f0f0 2px solid; padding: 4rem 0;} .list_box_09{display: flex;justify-content: space-between;margin: 0 -1.625rem;align-items: flex-end; flex-wrap: wrap;} .list_box_09 .miso-list{ min-width: 100%;} .list_box_09 li{width: 25%;padding: 0 1.625rem;text-align: center; } .list_box_09 li .a{display:flex;background:#f3f5f9;height:14.375rem;flex-direction:column;padding:0 1.875rem;justify-content: center; transition:.5s} .list_box_09 li .a h3{ display:flex; align-items:center; font-size:1.625rem; color:#000000; transition:.5s; padding:0 1.25rem} .list_box_09 li .a h3 .ico img{ margin:-3px 1rem 0 0} .list_box_09 li .a h3 .ico img.img2{ display:none} .list_box_09 li .a hr{ width:100%; height:1px; background:#e3e5e9; margin:1.5rem 0} .list_box_09 li .a p{ font-size:14px; color:#000000; line-height:22px; height:44px; margin:.75rem 0 0; padding:0 1.25rem} .list_box_09 li .a dl{ display:flex; padding:0 1.25rem} .list_box_09 li .a dl dd{ display:flex; align-items:center; font-size:1rem; color:#000000; transition:.5s} .list_box_09 li .a dl dd .ico img{ margin:-3px .375rem 0 0} .list_box_09 li .a dl dd .ico img.img2{ display:none} .list_box_09 li .a dl dd:first-child{ margin-right:2.5rem} .list_box_09 .miso-arrow{width:3.375rem;height:3.375rem;border:#c7c7c7 1px solid;border-radius:50%;transition:.5s;display: flex;align-items: center;text-align: center;justify-content: center;} .list_box_09 .miso-arrow svg{width:1rem;height:1rem;fill:#666;transition:.5s;} .list_box_09 .miso-prev{ left:-5rem} .list_box_09 .miso-next{ right:-5rem} .n_contact .fl03{border-bottom: #f0f0f0 2px solid;overflow: hidden;} .n_contact .fl03 .content{ padding: 3.5rem 0 2.25rem; background:url(../images/n_contact_fl03.png) left bottom no-repeat} .n_contact .fl03 .content .n_title005{ } .ditu_box{position:relative;width:100%;height:40rem;margin-top: -8rem;} #container{position:absolute;top:0;right:0;bottom:0;left:20%;object-fit: cover;} .lwy_box{ display:flex; padding:1rem 2rem; flex-wrap:wrap; flex-direction:column; justify-content:center; text-align:center; background:#ff8f07} .lwy_box p{ font-size:.875rem; line-height:24px} .lwy_box:before{ content:""; position:absolute; border-right:#fd9b2b .5rem solid; border-top:transparent 6px solid; border-bottom:transparent .5rem solid; left:-.5rem; top:50%; margin-top:-.5rem;} @media(max-width: 768px){ .ditu_box{ height:28rem} } .n_contact .fl04{padding: 6.25rem 0 5rem;overflow: hidden;} .n_title007{ margin-bottom:2.5rem; text-align:center; display:flex; font-weight:600; align-items:center; justify-content:center} .n_title007 big{ font-size:1.875rem; color:#000000;} .n_title007 small{font-size:1.875rem;color:#fd9b2b;text-transform: capitalize;} .n_contact .fl04 .layui-form-item{margin-bottom: 1.25rem; position:relative} .n_contact .fl04 .layui-form-item .yzm{position:absolute;top:0;right: 1.25rem;bottom:0;display:flex;align-items:center;} .n_contact .fl04 .layui-form-item .yzm img{ max-height:3rem} .n_contact .fl04 .layui-input, .n_contact .fl04 .layui-select, .n_contact .fl04 .layui-textarea{height: 3.75rem;/* border: #eff3f6 2px solid; */border-radius: 0 1.875rem 1.875rem 0;font-size: 1.125rem;border-left: none;} .n_contact .fl04 .layui-form-pane .layui-form-label{height: 3.75rem;line-height: 3.75rem;padding: 0 .75rem 0 0;border-color: #eff3f6;border-radius: 1.875rem 0 0 1.875rem;font-size: 1.125rem;background: #eff3f6;text-align: right;} .n_contact .fl04 .layui-form-pane .layui-form-label font{color:#ff0000;margin: 0 .5rem 0 0;} .n_contact .fl04 .layui-form-item.textarea .layui-form-label{min-height: 9rem;display: flex;align-items: center;text-align: center;justify-content: flex-end;} .n_contact .fl04 .layui-textarea{min-height: 9rem;resize: none;} .n_contact .fl04 .layui-btn{display: flex;width: 100%;height: 3.75rem;background: #fd9b2b;margin: 0 auto;align-items: center;justify-content: center;border-radius: 1.875rem;font-size: 1.125rem;color: #fff;transition: .5s; font-weight:600} .n_contact .fl04 .layui-form .box_1{ display:flex; justify-content:space-between; margin:0 -1.125rem} .n_contact .fl04 .layui-form .box_1 .layui-form-item{ width:33.333333%; padding:0 1.125rem} .n_contact .fl04 .layui-form .box_2{ display:flex; justify-content:space-between; margin:0 -1.125rem} .n_contact .fl04 .layui-form .box_2 .layui-form-item.textarea{ width:66.666666%; padding:0 1.125rem} .n_contact .fl04 .layui-form .box_2 .box_2_li{width:33.333333%;padding: 0 1.125rem;} .n_about .fl01{ padding:4rem 0; overflow:hidden} .n_about .fl02{ padding:0; overflow:hidden; background:url(../images/n_about_fl02_bg.jpg) center no-repeat; background-size:cover} .n_about .fl02 .w1200{height:15.625rem;display:flex;/* align-items:center; */flex-direction:column;justify-content:center;} .n_about .fl02 h3{font-size:2.25rem;color:#fff;font-family:Poppins_b;text-transform: uppercase;} .n_about .fl02 h4{font-size: 1.5rem;color:#fff;font-family: Poppins_r;text-transform: uppercase;margin: .25rem 0 1.25rem;} .n_about .fl02 h5{font-size: 1.875rem;color: #ffa344;text-transform: uppercase;} .n_about .fl03{ padding:5.625rem 0 4rem; overflow:hidden;} .n_title008{ text-align:center; margin-bottom:3.5rem} .n_title008 h4{ font-size:2rem; color:#ed8104; font-family:Poppins_b;text-transform: uppercase;} .n_title008 h3{font-size: 1.875rem;color: #000;text-transform: uppercase; margin:.25rem 0 0} .list_box_10{display:flex;justify-content:space-between;margin: 0 -7px;} .list_box_10 li{text-align:center;max-width: 25%;padding: 0 7px;} .list_box_10 li a{ display:inline-block; width:15rem; max-width:100%} .list_box_10 li .img{display:inline-block;width: 100%;position:relative;overflow:hidden;border-radius:50%;} .list_box_10 li .img .img_hezi{ padding-bottom:100% !important} .list_box_10 li .img:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#e0e4eb 2px solid; border-radius:50%} .list_box_10 li h3{ margin:.5rem 0 1.375rem} .list_box_10 li h5{ font-size:1.625rem; color:#32343d; line-height:1.25; margin-bottom:.25rem} .list_box_10 li p{font-size:.875rem;color:#32343d;line-height:1.5rem;height:48px;text-align: center;padding: 1rem 0;} .n_about .fl04{ padding:4rem 0 4rem; overflow:hidden; border-top:#eff1f6 2px solid} .n_about .fl05{ padding:4rem 0 4rem; overflow:hidden; background:#eff1f6} .list_box_11{ margin:0 -.8125rem; display:flex} .list_box_11 li{ width:20%; padding:0 .8125rem; } .list_box_11 li .img_box{ background:url(../images/list_box_11_bg.png) center no-repeat; background-size:100% 100%; padding:4%} .list_box_11 li .img .img_hezi{ padding-bottom:69.23% !important} .list_box_11 li .img img{max-width:100%;width: auto;margin: 0 auto;} .list_box_11 li h5{ font-size:1rem; color:#2f3032; transition:.5s; text-align:center; line-height:3rem } .list_box_11 .miso-arrow{width:3.375rem;height:3.375rem;border:#c7c7c7 1px solid;border-radius:50%;transition:.5s;display: flex;align-items: center;text-align: center;justify-content: center; margin-top:-1.5rem} .list_box_11 .miso-arrow svg{width:1rem;height:1rem;fill:#666;transition:.5s;} .list_box_11 .miso-prev{ left:-5rem} .list_box_11 .miso-next{ right:-5rem} .list_box_12{ margin:0 -1.1225rem; display:flex} .list_box_12 li{ width:20%; padding:0 1.125rem; margin-bottom:1.125rem} .list_box_12 li a{ display:block; position:relative; overflow:hidden} .list_box_12 li .img .img_hezi{ padding-bottom:40% !important;} .list_box_12 li .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:url(../images/list_box_12_top.jpg) center no-repeat; background-size:cover; display:flex; align-items:center; transition:.5s; transform:translateY(102%); opacity:0; visibility:hidden; justify-content:center} .list_box_12 li .top h5{ font-size:1.125rem; color:#fff; transition:.5s; text-align:center; padding:0 1rem } .list_box_12 li:hover .top{transform:translateY(0); opacity:1; visibility:visible} .list_box_12 .miso-arrow{width:3.375rem;height:3.375rem;border:#c7c7c7 1px solid;border-radius:50%;transition:.5s;display: flex;align-items: center;text-align: center;justify-content: center; } .list_box_12 .miso-arrow svg{width:1rem;height:1rem;fill:#666;transition:.5s;} .list_box_12 .miso-prev{ left:-5rem} .list_box_12 .miso-next{ right:-5rem} .n_dashi .content{ position:relative; z-index:1} .n_dashi .content .line_x{ content:""; position:absolute; width:100%; left:0; right:0; height:1px; background:#dee2eb; top:50%; margin-top:-.5px; z-index:-1} .list_box_14{ } .list_box_14 .miso-list{padding: 2rem 0;} .list_box_14 li{margin: 0;transition:.5s;position:relative;z-index: 1; cursor:pointer} .list_box_14 li .time{content:"";position:absolute;bottom: -5.3125rem;left: 6.25rem;width: 10.625rem;height: 10.625rem;border: #535353 1px solid;border-radius:50%;transition:0.6s;background: #fff;margin-left: -5px;display: flex;align-items:center;justify-content:center;z-index: 10;} .list_box_14 li .time:before{content:"";position:absolute;background:url(../images/xiazai.png) center no-repeat;background-size:cover;width:.875rem;height:1.5rem;top: 100%;left:50%;margin-left: -.4375rem;z-index: 1;opacity: 0;visibility: hidden;transition: .5s;} .list_box_14 li .time:after{ content:""; position:absolute; bottom:-1px; right:-1px; left:-1px; background:#fff; height:50%} .list_box_14 li:after{content:"";position:absolute;bottom: -1px;left: calc(2.75rem - 1px);width: 3.5rem;height:1px;background:#535353;z-index: -1;} .list_box_14 li .time span{display: flex;width:8.125rem;height:8.125rem;background:#1f3c83;border-radius:50%;position: relative;z-index: 10;align-items: center;justify-content: center;font-size: 1.875rem;color: #fff;font-weight: bold;transition: .5s;} .list_box_14 li a{display:flex;height: 15.625rem;background:#fff;border-radius:0 5px 5px 0;padding: 0;transition:.5s;background-size:cover;position: relative;z-index:1;} .list_box_14 li a .left{width: 2.75rem;font-size:1.875rem;color:#494949;font-weight:bold;border-right:#535353 1px solid;} .list_box_14 li a .right{width: calc(100% - 2.75rem);display: flex;flex-direction: column;} .list_box_14 li a .right .ll{width: 100%;font-size: 1rem;color:#000000;line-height:24px;padding: 0 1.375rem;order: 1;} .list_box_14 li a .right .rr{transform:translateY(-1rem);width: 100%;display: flex;/* justify-content: center; */padding: 0 1.375rem;} .list_box_14 li a .right .rr img{max-height: 5.625rem;} .list_box_14 li a .img{ position:absolute; top:0; right:0; bottom:0; left:0; background:#000; z-index:-1; opacity:0; visibility:hidden} .list_box_14 li a .img img{ width:100%; height:100%; object-fit:cover; opacity:.6} .list_box_14 li a:after{content:"";position:absolute;border-top: transparent .75rem solid;border-bottom: transparent .75rem solid;border-right: #1f3c83 .875rem solid;top: 1rem;left: 1.875rem;transition:.5s;} .list_box_14 li a:before{content:"";position:absolute;left: 2.375rem;transition:.5s;width:.625rem;height:.625rem;background:#5a5a5a;border-radius:50%;top: 0;} .list_box_14.ar_web li:nth-child(2n) a:after{content:"";position:absolute;top: auto;bottom: 1rem;transition:.5s;} .list_box_14 li a h2{ padding:0 .5rem} .list_box_14 li a h2 big{font-size: 2.25rem;color: #3bb3c2;text-align:center;font-weight:bold;line-height: 3.5rem;font-family:Disney English; transition:.5s} .list_box_14 li a h2 small{display:inline-block;width:1.75rem;height:1.75rem;background: #9a9ca2;border-radius:50%;line-height:1.75rem;text-align:center;font-size:1rem;color:#fff;vertical-align: top;margin-left: .625rem; transition:.5s} .list_box_14 li a h2 span{ display:inline-block; float:right; background:url(../images/n_dashi_ico.png) center no-repeat; width:24px; height:20px; transition:.5s; margin:1.125rem 0 0} .list_box_14 li a .box{height:7.5rem;margin-top: 1.75rem;overflow:hidden;overflow-y:scroll;} .list_box_14 li a .box p{font-size: .9375rem;color:#4e4e4e;text-align: left; line-height: 1.5rem;} .list_box_14 li a .box::-webkit-scrollbar {width:1px;height: 8px;background-color: transparent;} .list_box_14 li a .box::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;} .list_box_14 li a .box::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;} .list_box_14.ar_web li:nth-child(2n) .time{bottom:auto;top: -5.3125rem;} .list_box_14.ar_web li:nth-child(2n) a{ margin-top:1px;} .list_box_14.ar_web li:nth-child(2n){margin-top: 15.625rem;} .list_box_14.ar_web li:nth-child(2n) a .left{display:flex;align-items: flex-end;} .list_box_14.ar_web li:nth-child(2n) a .right .ll{display:flex;align-items: flex-end;} .list_box_14.ar_web li:nth-child(2n) a .right .rr{display:flex;align-items: flex-end;/* transform: translateY(1rem); */margin-top: 8rem;} .list_box_14.ar_web li:nth-child(2n):after{ top:0} .list_box_14.ar_web li:nth-child(2n) .time:after{content:"";position:absolute;top: -1px;right:-1px;left:-1px;bottom:auto;background:#fff;height: calc(50% + 1px);} .list_box_14.ar_web li:nth-child(2n) a:before{ top:auto; bottom:0} .list_box_14.ar_web li:nth-child(2n) .time:before{ top:auto; bottom:100%} .list_box_14.ar_web li:nth-child(2n-1) .time:before{transform: rotateX(180deg);} .list_box_14 li.li1{ opacity:0; visibility:hidden} .list_box_14 li.miso-current+li+li+li+li{ opacity:0; visibility:hidden} .list_box_14 li.miso-current .time:before{opacity:1;visibility: visible;} .list_box_14 li.miso-current .time span{ background:#fd9b2b} .list_box_14 li.miso-current a:after{ border-right: #fd9b2b .875rem solid;} .list_box_14 li:hover a:before{ opacity:1; visibility:visible} .list_box_14 li:hover a h2 big, .list_box_14 li:hover a .box p{ color:#fff} .list_box_14 li:hover a h2 small{ background:#fff; color:#01479d} .list_box_14 li:hover a .img{ opacity:1; visibility:visible} .list_box_14 li:hover a h2 span{ background:url(../images/n_dashi_ico_on.png) center no-repeat;} .list_box_14 li:hover:after{ transform: scale(1);} .list_box_14 .miso-arrow{width:3.75rem;height:3.75rem;background-size:100% 100% !important;transition:.5s;top: -5rem;} .list_box_14 .miso-prev{background:url(../images/list_box_14_prev.png) center no-repeat;left:auto;right: 5rem;} .list_box_14 .miso-next{ background:url(../images/list_box_14_next.png) center no-repeat; right:0} .list_box_14 .miso-prev:hover{ background:url(../images/list_box_14_prev_on.png) center no-repeat;} .list_box_14 .miso-next:hover{ background:url(../images/list_box_14_next_on.png) center no-repeat;} .n_about .fl01 .n_title008{ text-align:left}